<template>
	<base-breadcrumb>
		<template>
			<div class="table-page-search-wrapper">
				<TitleName title="信息详情"></TitleName>
				<a-form>
						<a-row :gutter="24">
							<a-col :md="8" :sm="8">
								<a-form-item label="标题" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									分部分项工程施工组织设计（施工方案）审批计划表
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="所属项目" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX工程项目
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="填报人" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									张三
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="所属公司" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									成都分公司
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="方案编制情况" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									未编制
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="8">
								<a-form-item label="填报时间" 
								:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
								:wrapperCol="{ lg: { span: 18 }, sm: { span: 17 } }">
									199-38-1
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="项目主要概况" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									项目主要概况
								</a-form-item>
							</a-col>
							<a-col :md="8" :sm="6">
								<a-form-item label="项目地点" 
								:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
								:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
									XX省XX市XX区XX街道XX路
								</a-form-item>
							</a-col>
						</a-row>
				</a-form>
			</div>
		</template>
		<a-card>
			<div class="table-operator">
				<TitleName title="施组(方案)清单"></TitleName>
			</div>
			<a-table :data-source="dataSource" :columns="columns" bordered>
				<span slot="description" slot-scope="text">
					<ellipsis :length="8" tooltip>{{ text }}</ellipsis>
				</span>
				<span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
			</a-table>
		</a-card>
	</base-breadcrumb>
</template>

<script>
	import TitleName from '@/components/TitleName/index.vue'
	const columns = [
		{
			title: '序号',
			width: '80px',
			scopedSlots: { customRender: 'serial' }
		},
		{
			title: '施组(方案)名称',
			dataIndex: 'projectName'
		},
		{
			title: '方案类别',
			dataIndex: 'timeForComplation'
		},
		{
			title: '计划审批时间',
			dataIndex: 'branchCompany'
		},
		{
			title: '审批其他需求',
			dataIndex: 'vompletedBy'
		},
		{
			title: '方案编制情况',
			dataIndex: 'status'
		},
		{
			title: '报审时间',
			dataIndex: 'fillingInTime'
		},
	];
	export default{
		components:{
			TitleName 
		},
		data(){
			this.columns = columns
			return{
				
			}
		}
	}
</script>

<style>
</style>
